<template>
  <footer class="footer">
    <div class="footer-content">
      <p>&copy; 2023 山海博客. 保留所有权利.</p>
    </div>
  </footer>
</template>

<script setup>
// 可以在这里添加逻辑
</script>

<style scoped>
.footer {
  background-color: white; /* 纯白背景 */
  color: #333; /* 文字颜色为深色 */
  padding: 1rem 0;
  text-align: center;
  position: relative; /* 相对定位 */
  z-index: 1000; /* 确保脚部在其他内容之上 */
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
</style>